<template>
  <div class="app-container">
    <el-container>
      <el-main>
        <el-tabs v-model="activeName">
          <el-tab-pane label="向量知识库" name="vector-knowledge-base">
            <vector-knowledge-base />
          </el-tab-pane>
          <el-tab-pane label="聊天机器人" name="chatbot" disabled>
            <div style="text-align: center; padding: 50px;">
              <p>聊天机器人功能开发中...</p>
            </div>
          </el-tab-pane>
          <el-tab-pane label="WAHA会话" name="waha-session" disabled>
            <div style="text-align: center; padding: 50px;">
              <p>WAHA会话功能开发中...</p>
            </div>
          </el-tab-pane>
        </el-tabs>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import VectorKnowledgeBase from './vector-knowledge-base.vue'

export default {
  name: 'ChatbotIndex',
  components: {
    VectorKnowledgeBase
  },
  data() {
    return {
      activeName: 'vector-knowledge-base'
    }
  }
}
</script>

<style scoped>
.app-container {
  padding: 0;
}
</style>
